<template>
  <div class="mine-steps">
    <slot></slot>
  </div>
</template>
<script>
export default {
  props: {
    active: Number,
    finishStatus: {
      type: String,
      default: 'finish'
    },
    processStatus: {
      type: String,
      default: 'process'
    }
  },
  data () {
    return {
      steps: [],
      stepOffset: 0
    }
  },
  watch: {
    active (newVal, oldVal) {
      this.$emit('change', newVal, oldVal);
    },

    steps (steps) {
      steps.forEach((child, index) => {
        child.index = index;
      });
    }
  }
}
</script>
<style lang="less" scoped>
  .mine-steps {
    display: flex;
    justify-content: center;
  }
</style>
